.help-block {
  transform-origin: center left;
}

.message-enter {
  opacity: 0.01;
  color: red;
  transform: scale(0.9) translateY(50%);
}
.message-enter-active {
  opacity: 1;
  // font-size: 24px;
  transform: scale(1) translateY(0%);
  transition: all 5000ms ease-out;
}
// .message-enter-done {
//   opacity: 1;
//   font-size: 50px;
//   transform: scale(1) translateY(0%);
//   transition: all 300ms ease-out;
// }
.message-exit {
  opacity: 1;
  transform: scale(1) translateY(0%);
}
.message-exit-active {
  opacity: 0.01;
  transform: scale(0.9) translateY(50%);
  transition: all 300ms ease-out;
}

.star {
  display: inline-block;
  margin-left: 0.5rem;
  transform: scale(1.25);
}
.star-enter {
  opacity: 0.01;
  transform: translateY(-100%) scale(0.75);
}
.star-enter-active {
  opacity: 1;
  transform: translateY(0%) scale(1.25);
  transition: all 300ms ease-out;
}
.star-exit {
  opacity: 1;
  transform: scale(1.25);
}
.star-exit-active {
  opacity: 0;
  transform: scale(4);
  transition: all 300ms ease-in;
}
